<template>
    <el-breadcrumb style="padding-bottom:12px;">
        <el-breadcrumb-item v-for="(item,index) in breadcrumbData" :key="index">
            <span
                :style="{cursor:!!item.url?'pointer':'',color:index+1==breadcrumbData.length?'#409EFF':'#333'}">{{ item.name }}</span>
        </el-breadcrumb-item>
    </el-breadcrumb>
</template>

<script type="text/ecmascript-6">
export default {
    props: ['breadcrumbData'],
    methods: {}
};
</script>

<style lang="less" rel="stylesheet/less" scoped>
</style>
